﻿<%@ Page Title="" Language="C#" MasterPageFile="~/_Index.Master" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="WebApplication.Index" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Container" runat="server">
    <div class="main-container">
        <%--轮播图--%>
        <div class="layui-carousel tplp-carousel" id="test1">
            <div carousel-item>
                <div class="carousel-item">
                    <img src="Content/Images/lb-1.png" />
                </div>
                <div class="carousel-item">
                    <img src="Content/Images/lb-2.png" />
                </div>
            </div>
        </div>
        <script>
            layui.use('carousel', function () {
                var carousel = layui.carousel;
                //建造实例
                carousel.render({
                    elem: '#test1'
                  , width: '100%' //设置容器宽度
                  , height: '350px'
                  , arrow: 'always' //始终显示箭头
                    //,anim: 'updown' //切换动画方式
                });
            });
        </script>

        <% if (HotProductCount > 0)
            { %>
        <%--产品中心--%>
        <div class="tplp-section__wrapper">
            <%--标题--%>
            <h1 class="tplp-section__title">热门产品</h1>
            <%--内容--%>
            <div class="tplp-section__content">
                <div class="tplp-products layui-row layui-col-space10">
                    <asp:Repeater ID="Products" runat="server">
                        <ItemTemplate>
                            <div class="layui-col-md3">
                                <a href="Detail.aspx?id=<%# Eval("ProductsID") %>" class="tplp-products__item">
                                    <div class="tplp-products__item-image">
                                        <img src="<%# Eval("Image") %>" />
                                    </div>
                                    <div class="tplp-products__item-name"><%# Eval("ProductsName") %> </div>
                                </a>
                            </div>
                        </ItemTemplate>
                    </asp:Repeater>

                </div>
            </div>
        </div>
        <%} %>

        <%--我们的优势--%>
        <div class="tplp-section__wrapper">
            <%--标题--%>
            <h1 class="tplp-section__title">我们的优势</h1>
            <%--内容--%>
            <div class="tplp-section__content tplp-section__about">
                <p>1.合理公道的价格：超高的性价比，拥有不输品牌产商的质量和外观</p>
                <p>2.潜在客户居多：大多数人没有购买早餐机的经历，通过短视频营销介绍产品和增加产品的曝光率，吸引新的客户群体，快速圈粉。</p>
                <p>3.客户至上：大学生群体营销，充满干劲和活力，能真诚对待每一位客人，十分关注产品体验反馈。</p>
                <p>4.拥有创新精神：通过客户的反馈不断改进自身的产品，力求使得每位客户满意。</p>
            </div>
        </div>

        <div class="tplp-section__wrapper">
            <%--内容--%>
            <div class="tplp-section__content">
                <div class="tplp-contacts layui-row">

                    <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                        <div class="tplp-contacts__item">
                            <img src="Content/Images/contact-1.png" />
                            <p class="tplp-contacts__item-title">Contact person</p>
                            <p class="tplp-contacts__item-value is-active">躺平良品工作室</p>
                        </div>
                    </div>

                    <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                        <div class="tplp-contacts__item">
                            <img src="Content/Images/contact-2.png" />
                            <p class="tplp-contacts__item-title">WhatsApp</p>
                            <p class="tplp-contacts__item-value">+86-12345678</p>
                        </div>
                    </div>
                </div>

                <div class="tplp-contacts layui-row">
                    <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                        <div class="tplp-contacts__item">
                            <img src="Content/Images/contact-3.png" />
                            <p class="tplp-contacts__item-title">E-mail</p>
                            <p class="tplp-contacts__item-value">tplpAdmin@tpls.com</p>
                        </div>
                    </div>

                    <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                        <div class="tplp-contacts__item">
                            <img src="Content/Images/contact-4.png" />
                            <p class="tplp-contacts__item-title">Addressn</p>
                            <p class="tplp-contacts__item-value">广东东软学院</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



</asp:Content>
